<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title></title>
    <link href="./styles/base.css" rel="stylesheet" type="text/css">
    <link href="./styles/reply.css" rel="stylesheet" type="text/css">
    <link href="/js/plugins/jqPaginator/jqPagination.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="./js/jquery.js"></script>
    <script src="/js/plugins/jquery-form/jquery.form.js"></script>
    <script type="text/javascript" src="./js/travelfilter.js"></script>
    <script type="text/javascript" src="./js/common.js"></script>
    <script type="text/javascript" src="/js/plugins/jqPaginator/jq-paginator.min.js"></script>
</head>

<body>
<div class="lww_header">
    <div class="header_wrap">
        <div class="header_logo">
            <a href="javascript:;" class="lww_logo"></a>
        </div>
        <ul class="header_nav">
            <li><a href="/strategy">首页</a></li>
            <li class="header_nav_active"><a href="/destination">目的地</a></li>
            <li><a href="./gonglve.html">旅游攻略</a></li>
            <li><a href="javascript:;">去旅行<i class="icon_caret_down"></i></a></li>
            <li><a href="javascript:;">机票</a></li>
            <li><a href="javascript:;">酒店</a></li>
            <li><a href="javascript:;">社区<i class="icon_caret_down"></i></a></li>
        </ul>
        <div class="header_search">
            <input type="text" />
            <a class="icon_search"></a>
        </div>
        <div class="login_info">
            <div class="head_user">
                <a href="javascript:;">
                    <img src="./images/user.png" />
                    <i class="icon_caret_down"></i>
                </a>
            </div>
            <div class="header_msg">
                消息<i class="icon_caret_down"></i>
            </div>
            <div class="header_daka">
                <a href="javascript:;">打卡</a>
            </div>
        </div>
    </div>
    <div class="shadow"></div>
</div>
<div class="container">


    <div class="row row-placeTop" data-cs-p="面包屑">
        <div class="wrapper">
            <link href="http://css.mafengwo.net/css/cv/css+mdd+place-crumb:css+mdd+place-navbar^Z1U^1559788120.css"
                  rel="stylesheet" type="text/css">
            <script language="javascript" src="http://js.mafengwo.net/js/hotel/sign/index.js?1552035728"
                    type="text/javascript" crossorigin="anonymous"></script>
            <link href="http://css.mafengwo.net/css/mdd/place-crumb.css?1530619858" rel="stylesheet" type="text/css">

            <div class="crumb">

<#--                <div class="item"><a href="/mdd/" target="_blank">目的地</a><em>&gt;</em></div>-->

                <#include "../common/toast.ftl"/>

            </div>
            <script language="JavaScript" type="text/javascript">
                $(function () {
                    //面包屑
                    $('.drop').mouseenter(function (ev) {
                        var target = $(ev.currentTarget);
                        clearTimeout(target.data('hideTimer'));
                        target.addClass('open');
                        target.children('bd').fadeIn(200);
                    });
                    $('.drop').mouseleave(function (ev) {
                        var target = $(ev.currentTarget);
                        target.data("hideTimer", setTimeout(function () {
                            target.removeClass('open');
                            target.children('bd').fadeOut(200);
                        }, 200));
                    });
                });
            </script>

            <div class="place-navbar" id="_j_mdd_place_nav_bar_warper" style="border-top: 0;" data-cs-t="目的地导航">
                <div class="navbar-con">
                    <ul class="navbar clearfix navbar-first-level-warper">
                        <li class="navbar-overview">
                            <a class="navbar-btn" href="/travel-scenic-spot/mafengwo/10088.html" data-cs-p="首页">
                                <i class="navbar-icon"></i><span>首页</span>

                            </a>
                        </li>
                        <li class="navbar-line">
                            <a class="navbar-btn" href="/mdd/route/10088.html" data-cs-p="行程线路">
                                <i class="navbar-icon"></i><span>行程线路</span>

                            </a>
                        </li>
                        <li class="navbar-scenic">
                            <a class="navbar-btn" href="/jd/10088/gonglve.html" data-cs-p="景点">
                                <i class="navbar-icon"></i><span>景点</span>

                            </a>
                        </li>
                        <li class="navbar-hotels">
                            <a class="navbar-btn" href="/hotel/10088/?sFrom=mdd" data-cs-p="酒店">
                                <i class="navbar-icon"></i><span>酒店</span>

                            </a>
                        </li>
                        <li class="navbar-flight">
                            <a class="navbar-btn" href="/flight/" target="_blank" data-cs-p="机票">
                                <i class="navbar-icon"></i><span>机票</span>

                            </a>
                        </li>

                    </ul>
                </div>
            </div>
            <div id="fill_area" style="height: 75px; display: none;"></div>

        </div>
    </div>



    <div class="row row-summary row-bg">
        <div class="wrapper">
            <h2 class="title">景点概况</h2>
            <div>
                <p style="">
              ${(dest.scenicInfo)!}</span>
            </div>
        </div>

    </div>
    <br>
    <br>




    <div class="row row-top5" data-cs-p="必游景点">
        <div class="wrapper">
            <h2 class="title">必游景点TOP5</h2>
            <#list regions as region>
            <div class="item clearfix">
                <div class="info">
                    <div class="middle">
                        <h3>
                            <span class="num">${region_index+1}</span>
                            <a href="/scenic/detail?regionId=${region.id}&destId=${dest.id}" target="_blank" title="${(region.name)!}" >${(region.name)!}
                            </a><a href="/scenic/detail?regionId=${region.id}&destId=${dest.id}" target="_blank" title="${(region.name)!}">
                                <span class="rev-total">${region.detail.replynum!}条点评</span>
                            </a>
                        </h3>

                        <p id="dp">${(region.info)!}</p>
                        <div class="links">这里还包含景点：
                        <#list region.scenicDetails as detail>
                            <a href="/scenic/detail?detailId=${detail.id}&destId=${dest.id}" target="_blank" >${detail.name}</a>
                            </#list>

                        </div>
                    </div>
                </div>
                <div class="pic">
                    <#--todo 可以跳转地址？#｛id｝-->
                    <a href="/scenic/detail?regionId=${(region.id)!}&destId=${(dest.id)!}" target="_blank" title="广州塔">

                        <div class="large">
<#--                            http://p1-q.mafengwo.net/s11/M00/CE/1D/wKgBEFtr-IaAS0GtAFG11wwxAa051.jpeg?imageMogr2%2Fthumbnail%2F%21380x270r%2Fgravity%2FCenter%2Fcrop%2F%21380x270%2Fquality%2F100-->
                            <img src= ${(region.coverUrls[0])!}
                                  width="380" height="270">
                        </div>
                        <div>
                            <img src=${(region.coverUrls[1])!}
                                 width="185" height="130">
                        </div>
                        <div>
<#--                            http://p2-q.mafengwo.net/s7/M00/9D/16/wKgB6lPRuZKAf7FZABloWQE70uU04.jpeg?imageMogr2%2Fthumbnail%2F%21185x130r%2Fgravity%2FCenter%2Fcrop%2F%21185x130%2Fquality%2F100-->
                            <img src=${(region.coverUrls[2])!}
                                 width="185" height="130">
                        </div>
                    </a>
                </div>

            </div>
            </#list>
        </div>
    </div>

    <Br>
    <Br>



    <div class="row row-hotScenic row-bg" data-cs-p="热门景点">
        <div class="wrapper">
            <h2 class="title">热门景点</h2>
            <div class="bd">
                <div class="grid grid-two">
                    <div class="figure">
                        <a href="/scenic/detail?detailId=${(details0.id)!}&destId=${(dest.id)!}" target="_blank" title="${(details0.name)!}">
                            <img src=${(details0.coverUrls[0])!}
                                 width="485" height="320">
                            <h3 class="title">${(details0.name)!}</h3>
                            <div class="mask-container">
                                <div class="mask">
                                    <div class="middle">
                                        <h3>${(details0.name)!}</h3>
                                        <p>中国南方科学研究与人才培养的重地</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>

                </div>
                <div class="grid">
                    <div class="figure">
                        <a href="/scenic/detail?detailId=${(details1.id)!}&destId=${(dest.id)!}" target="_blank" title="${(details1.name)!}">
                            <img src=${(details1.coverUrls[0])!}
                                 width="242" height="155">
                            <h3 class="title">${(details1.name)!}</h3>
                            <div class="mask-container">
                                <div class="mask">
                                    <div class="middle">
                                        <h3>${(details1.name)!}</h3>
                                        <p>中西合璧的西关风情特色，在此感受独特的岭南商业文化</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="figure">
                        <a href="/scenic/detail?detailId=${(details2.id)!}&destId=${(dest.id)!}" target="_blank" title="${(details2.name)!}">
                            <img src=${(details2.coverUrls[0])!}
                                 width="242" height="155">
                            <h3 class="title">${(details2.name)!}</h3>
                            <div class="mask-container">
                                <div class="mask">
                                    <div class="middle">
                                        <h3>${(details2.name)!}</h3>
                                        <p>岭南规模最大汉代彩绘墓室，各式出土文物</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>

                </div>
                <div class="grid">
                    <div class="figure">
                        <a href="/scenic/detail?detailId=${(details3.id)!}&destId=${(dest.id)!}" target="_blank" title="${(details3.name)!}">
                            <img src=${(details3.coverUrls[0])!}
                                 width="242" height="155">
                            <h3 class="title">${(details3.name)!}</h3>
                            <div class="mask-container">
                                <div class="mask">
                                    <div class="middle">
                                        <h3>${(details3.name)!}</h3>
                                        <p>体验岭南乡土风情和民俗文化的好去处</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="figure">
                        <a href="/scenic/detail?detailId=${(details4.id)!}&destId=${(dest.id)!}" target="_blank" title="${(details4.name)!}">
                            <img src=${(details4.coverUrls[0])!}
                                 width="242" height="155">
                            <h3 class="title">${(details4.name)!}</h3>
                            <div class="mask-container">
                                <div class="mask">
                                    <div class="middle">
                                        <h3>${(details4.name)!}</h3>
                                        <p>浓浓的怀旧风，文艺范十足</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>

                </div>
                <div class="grid">
                    <div class="figure">
                        <a href="/scenic/detail?detailId=${(details5.id)!}&destId=${(dest.id)!}" target="_blank" title="${(details5.name)!}">
                            <img src=${(details5.coverUrls[0])!}
                                 width="242" height="155">
                            <h3 class="title">${(details5.name)!}</h3>
                            <div class="mask-container">
                                <div class="mask">
                                    <div class="middle">
                                        <h3>${(details5.name)!}</h3>
                                        <p>整个度假区很适合带孩子游玩，家庭周末出游的上佳选择</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="figure">
                        <a href="/scenic/detail?detailId=${(details6.id)!}&destId=${(dest.id)!}" target="_blank" title="${(details6.name)!}">
                            <img src=${(details6.coverUrls[0])!}
                                 width="242" height="155">
                            <h3 class="title">${(details6.name)!}</h3>
                            <div class="mask-container">
                                <div class="mask">
                                    <div class="middle">
                                        <h3>${(details6.name)!}</h3>
                                        <p>保留岭南水乡小桥流水人家的生活情态。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>

                </div>
                <div class="grid grid-two">
                    <div class="figure">
                        <a href="/scenic/detail?detailId=${(details7.id)!}&destId=${(dest.id)!}" target="_blank" title="${(details7.name)!}">
                            <img src=${(details7.coverUrls[0])!}
                                 width="485" height="320">
                            <h3 class="title">${(details7.name)!}</h3>
                            <div class="mask-container">
                                <div class="mask">
                                    <div class="middle">
                                        <h3>${(details7.name)!}</h3>
                                        <p>广州地区生态型森林公园，山清水秀，空气清新</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>

                </div>
                <div class="grid">
                    <div class="figure">
                        <a href="/scenic/detail?detailId=${(details8.id)!}&destId=${(dest.id)!}" target="_blank" title="${(details8.name)!}">
                            <img src=${(details8.coverUrls[8])!}
                                 width="242" height="155">
                            <h3 class="title">${(details8.name)!}</h3>
                            <div class="mask-container">
                                <div class="mask">
                                    <div class="middle">
                                        <h3>${(details8.name)!}</h3>
                                        <p>全国三大植物园之一，深秋的时候别有一番风味</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>

                    <div class="figure">
                        <a href="/scenic/detail?detailId=${(details9.id)!}&destId=${(dest.id)!}" target="_blank" title="${(details9.name)!}">
                            <img src=${(details9.coverUrls[9])!}
                                 width="242" height="155">
                            <h3 class="title">${(details9.name)!}</h3>
                            <div class="mask-container">
                                <div class="mask">
                                    <div class="middle">
                                        <h3>${(details9.name)!}</h3>
                                        <p>广州对外通商缩影，红砖房创意园区</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>

                </div>
            </div>
        </div>
    </div>



    <div class="row row-allScenic" data-cs-p="全部景点">
        <div class="wrapper">
            <h2 class="title">
                广州全部景点
                <a class="btn-add" href="/poi/add.php?iId=10088" target="_blank" title="推荐新的景点"><i>+</i>推荐新的景点</a>
            </h2>
            <ul class="nav clearfix">

                <li  class="on" data-tagid="-1" ><a title="全部景点" >全部景点</a></li>

                <#list tags as tag>
                <li class="on" data-tagid="${(tag.id)!}"><a  title="${(tag.name)!}" >${(tag.name)!}</a></li>
                </#list>

                <script>
                    $(function () {
                        $('#searchForm').ajaxSubmit(function (data) {
                            console.log(data);
                            $('#aa111').html(data);
                        });//提交表单

                        <#--$.ajax({-->
                        <#--    url:"/scenic/all?tagId=-1&destId=${dest.id}&pageSize=15",-->
                        <#--    success:function (data) {-->
                        <#--        $('#aaaaa111').html(data);-->
                        <#--    }-->
                        <#--})-->

                        $('.on').click(function () {
                            var tagid = $(this).data("tagid");
                           $.ajax({
                               url:"/scenic/all",
                               data:{tagId:tagid,destId:${dest.id},pageSize:15},
                               success:function (data) {
                                   $('#aa111').html(data);
                               }
                           })
                        })
                    })
                </script>

            </ul>
            <ul class="scenic-list clearfix" id="aa111">

            </ul>
            <form method="post" action="/scenic/all" id="searchForm">
<#--                <input type="hidden" name="currentPage" value="1"/>-->
                <input type="hidden" name="destId" value="${(dest.id)!}">
                <input type="hidden" name="tagId" value="-1"/>
                <input type="hidden" name="pageSize" value="15"/>
<#--                <div class="bd" id="aaaaa111"></div>-->
            </form>



<#--                <ul class="scenic-list clearfix">-->
<#--                    <#list allDetail as detail>-->
<#--                    <li>-->
<#--                        <a href="/poi/449.html" target="_blank" title="${detail.name}" >-->
<#--                            <div class="img"><img-->
<#--                                        src=${detail.coverUrl}-->
<#--                                        width="192" height="130"></div>-->
<#--                            <h3 >${detail.name}</h3>-->
<#--                        </a>-->

<#--                    </li>-->
<#--                    </#list>-->
<#--                </ul>-->
<#--


<#--            <div class="_j_tn_pagination">-->
<#--                <div align="right" class="m-pagination">-->
<#--                    <span class="count">共<span>20</span>页 / <span>2540</span>条</span>-->

<#--                    <span class="pg-current">1</span>-->
<#--                    <a class="pi" data-page="2" rel="nofollow" title="第2页">2</a>-->
<#--                    <a class="pi" data-page="3" rel="nofollow" title="第3页">3</a>-->
<#--                    <a class="pi" data-page="4" rel="nofollow" title="第4页">4</a>-->
<#--                    <a class="pi" data-page="5" rel="nofollow" title="第5页">5</a>-->
<#--                    <a class="pi" data-page="6" rel="nofollow" title="第6页">6</a>-->

<#--                    <a class="pi pg-next" data-page="2" rel="nofollow" title="后一页">后一页</a>-->
<#--                    <a class="pi pg-last" data-page="20" rel="nofollow" title="末页">末页</a>-->
<#--                </div>-->
<#--            </div>-->
<#--        </div>-->
<#--    </div>-->














</div>
<div id="footer">
    <div class="ft-content" style="width: 1105px">
        <div class="ft-info clearfix">
            <dl class="ft-info-col ft-info-intro">
                <dt>马蜂窝旅游网</dt>
                <dd>叩丁狼是一家专注于培养高级IT技术人才，为学员提供定制化IT职业规划方案及</dd>
                <dd>意见咨询服务的教育科技公司，为您提供海量优质课程，以及创新的线上线下学</dd>
                <dd>习体验，帮助您获得全新的个人发展和能力提升。</dd>
            </dl>
            <dl class="ft-info-col ft-info-qrcode">
                <dd>
                    <span class="ft-qrcode-tejia"></span>
                </dd>
                <dd>
                    <span class="ft-qrcode-weixin"></span>
                </dd>
                <dd>
                    <span class="ft-qrcode-weixin" style="background-image: url('https://p3-q.mafengwo.net/s10/M00/48/A9/wKgBZ1t_4sSAVJ6uAAAlzJ0PZgU881.png?imageMogr2%2Fthumbnail%2F%2194x90r%2Fgravity%2FCenter%2Fcrop%2F%2194x90%2Fquality%2F90')"></span>
                </dd>
            </dl>
            <dl class="ft-info-social">
                <dt>向崇尚自由的加勒比海盗致敬！</dt>
                <dd>
                    <a class="ft-social-weibo" target="_blank" href="javascript:;" rel="nofollow"><i
                                class="ft-social-icon"></i></a>
                    <a class="ft-social-qqt" target="_blank" href="javascript:;" rel="nofollow"><i
                                class="ft-social-icon"></i></a>
                    <a class="ft-social-qzone" target="_blank" href="javascript:;" rel="nofollow"><i
                                class="ft-social-icon"></i></a>
                </dd>
            </dl>
        </div>

        <div class="ft-links">
            <a target="_blank" href="http://china.makepolo.com/">马可波罗</a><a target="_blank" href="http://www.onlylady.com/">Onlylady女人志</a><a target="_blank" href="http://trip.elong.com/">艺龙旅游指南</a><a target="_blank" href="http://www.cncn.com">欣欣旅游网</a>
            <a target="_blank" href="http://www.8264.com/">户外运动</a><a target="_blank" href="http://www.yue365.com/">365音乐网</a><a target="_blank" href="http://ishare.iask.sina.com.cn/">爱问共享资料</a><a target="_blank" href="http://www.uzai.com/">旅游网</a>
            <a target="_blank" href="http://www.zongheng.com/">小说网</a>
            <a target="_blank" href="http://www.xuexila.com/">学习啦</a><a target="_blank" href="http://www.yododo.com">游多多自助游</a><a target="_blank" href="http://www.zhcpic.com/">问答</a><a target="_blank" href="http://huoche.mafengwo.cn/">火车时刻表</a>
            <a target="_blank" href="http://www.lvmama.com">驴妈妈旅游网</a>
            <a target="_blank" href="http://www.haodou.com/">好豆美食网</a><a target="_blank" href="http://www.taoche.com/">二手车</a><a target="_blank" href="http://www.lvye.cn">绿野户外</a><a target="_blank" href="http://www.tuniu.com/">途牛旅游网</a>
            <a target="_blank" href="http://www.mapbar.com/">图吧</a>
            <a target="_blank" href="http://www.chnsuv.com">SUV联合越野</a><a target="_blank" href="http://www.uc.cn/">手机浏览器</a><a target="_blank" href="http://sh.city8.com/">上海地图</a><a target="_blank" href="http://www.tianqi.com/">天气预报查询</a>
            <a target="_blank" href="http://www.ly.com/">同程旅游</a>
            <a target="_blank" href="http://www.tieyou.com/">火车票</a><a target="_blank" href="http://www.yunos.com/">YunOS</a><a target="_blank" href="http://you.ctrip.com/">携程旅游</a><a target="_blank" href="http://www.jinjiang.com">锦江旅游</a>
            <a target="_blank" href="http://www.huoche.net/">火车时刻表</a>
            <a target="_blank" href="http://www.tripadvisor.cn/">TripAdvisor</a><a target="_blank" href="http://www.tianxun.com/">天巡网</a><a target="_blank" href="http://www.mayi.com/">短租房</a><a target="_blank" href="http://www.zuzuche.com">租租车</a>
            <a target="_blank" href="http://www.5fen.com/">五分旅游网</a>
            <a target="_blank" href="http://www.zhuna.cn/">酒店预订</a><a target="_blank" href="http://www.ailvxing.com">爱旅行网</a><a target="_blank" href="http://360.mafengwo.cn/all.php">旅游</a><a target="_blank" href="http://vacations.ctrip.com/">旅游网</a>
            <a target="_blank" href="http://www.wed114.cn">wed114结婚网</a>
            <a target="_blank" href="http://www.chexun.com/">车讯网</a><a target="_blank" href="http://www.aoyou.com/">遨游旅游网</a><a target="_blank" href="http://www.91.com/">手机</a>
            <a href="javascript:;" target="_blank">更多友情链接&gt;&gt;</a>
        </div>
    </div>
</div>
<div class="mfw-toolbar" id="_j_mfwtoolbar" style="display: block;">
    <div class="toolbar-item-top" style="display: none;">
        <a role="button" class="btn _j_gotop">
            <i class="icon_top"></i>
            <em>返回顶部</em>
        </a>
    </div>
    <div class="toolbar-item-feedback">
        <a role="button" data-japp="feedback" class="btn">
            <i class="icon_feedback"></i>
            <em>意见反馈</em>
        </a>
    </div>
    <div class="toolbar-item-code">
        <a role="button" class="btn">
            <i class="icon_code"></i>
        </a>
        <a role="button" class="mfw-code _j_code">


            <img src="https://p1-q.mafengwo.net/s1/M00/6C/51/wKgIC1t_6TuASybrAADGUPUHjr021.jpeg?imageMogr2%2Fthumbnail%2F%21450x192r%2Fgravity%2FCenter%2Fcrop%2F%21450x192%2Fquality%2F90"
                 width="450" height="192">
        </a>
        <!--<div class="wx-official-pop"><img src="http://images.mafengwo.net/images/qrcode-weixin.gif"><i class="_j_closeqrcode"></i></div>-->
    </div>

</div>
</body>

</html>